<template>
  <div>
    <el-tag type="success" :hit="true" size="medium">会议室预约主要显示能预约的会议室了， 预约的显示就先不处理了，按照一般来说的话需要做好时间轴的展示和预约编辑</el-tag>
    <SearchTable
        title="会议室预约"
        :headers="headers"
        :search-data="searchRoom"
    >

    </SearchTable>
  </div>

</template>

<script>
import {pageApprove} from "@/api/meeting/approveRoom"
import SearchTable from "@/components/search-table/index.vue";
export default {
  name: 'tables',
  components:{SearchTable},
  data() {
    return {
      headers:[
        {key:'id',label:'ID',forbiddenEdit:true},  //默认type : input ，默认允许在添加界面添加相关字段 forbiddenEdit禁止编辑
        {key:'name',label:'会议室'},
        {key:'userCount',label:'可容纳人数',type: 'input',subType:'number'},
        {key:'place',label:'地点'},
        {key:'remark',label:'备注'},
        {key:'isVideo',label:'是否有电视',type:"radio",options:[{key:1,label:'有'},{key:2,label:'无'}]},
        {key:'isProjector',label:'是否有投影仪',type:"radio",options:[{key:1,label:'有'},{key:2,label:'无'}]},
        {key:'isPhone',label:'是否有电话',type:"radio",options:[{key:1,label:'有'},{key:2,label:'无'}]}
      ]
    }
  },
  mounted() {

  },
  methods: {
    searchRoom(params){
      return pageApprove(params)
    }

  }
}
</script>



<style scoped lang="scss">
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix {
  height: 40px;
  font-size: 25px;
  color: #409eff;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box-card {
  //width: 480px;
  min-height: 300px
}


.root-el-row {
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.7
}

.box-card-disable {
  pointer-events: none;
  background-color: rgba(200, 200, 203, 0.6);
}

.box-card-enable {

}
</style>
